



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta charset="UTF-8">
    <link href="${pageContext.request.contextPath}css/index.css" rel="stylesheet">
    <title>向家网</title>
    <link rel="icon" href="images/home.ico" type="image/x-ico" />
    <script src="js/jquery-3.5.1.min.js"></script>


    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link href="dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link href="dist/css/bootstrap-theme.min.css" rel="stylesheet">


    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="dist/js/bootstrap.min.js"></script>


    <!--layui-->
    <link href="layui/css/layui.css" rel="stylesheet">
    <script src="layui/layui.js"></script>
    <link rel="stylesheet" href="layui/css/modules/layui-icon-extend/iconfont.css">
</head>
<body>
<div class="header">
    <div class="header-logo">
        <a href="index.jsp"><img src="images/logo.png"></a>
        <div class="header-bar">
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item">
                    <a><div><span>今日活动</span></div></a>
                </li>

                <li class="layui-nav-item">
                    <a href="customer/wishlist.jsp"><div><span>心愿单</span></div></a>
                </li>

                <li class="layui-nav-item">
                    <a><div><span>消息</span></div></a>
                </li>

                <li class="layui-nav-item">
                    <a><div><span>帮助</span></div></a>
                </li>

                <c:choose>
                    <c:when test="${!empty loginCustomer}">
                        <li class="layui-nav-item">
<%--                            --%>
                            <a class="custImg" href=""><img id="image" src="" class="layui-nav-img">我</a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;">修改信息</a></dd>
                                <dd><a href="javascript:;" class="custCenter">个人中心</a></dd>
                                <dd><a href="javascript:;">历史足迹</a></dd>
                                <dd><a href="javascript:;" class="out-login" >退出登录</a></dd>
                            </dl>
                        </li>
                    </c:when>
                    <c:otherwise>
                        <li class="layui-nav-item">
                            <a href="customer/register.jsp"><div><span>注册</span></div></a>
                        </li>
                        <li class="layui-nav-item">
                            <a href="customer/login.jsp"><div><span>登录</span></div></a>
                        </li>
                    </c:otherwise>
                </c:choose>


            </ul>

            <script>
                //注意：导航 依赖 element 模块，否则无法进行功能性操作
                layui.use('element', function(){
                    var element = layui.element;

                    //…
                });
            </script>

        </div>
    </div>
</div>

<div class="ad-main">
    <div class="ad-info">
        <span class="ad-sign">
            <i class='iconfont layui-icon-extend'>&#xe613;</i>
        </span>
        <div class="ad-text">
            <span class="ad-title">
                新冠肺炎（COVID-19）疫情帮助
            </span>
            <p class="ad-slogan">请确认旅行限制。当地可能仅允许特定原因的出行，观光旅游可能被明令禁止。</p>
            <p class="ad-more"><a href="">了解更多</a></p>
        </div>
    </div>
</div>

<div class="search-index" >
    <div class="search-bar" >
        <div class="search-tab" >
            <h1 class="title">酒店、民宿、度假屋……更多住宿优惠搜不停</h1>
        </div>
        <div class="title-tab">从舒适的乡村民宿到时髦的都市公寓</div>

<!--        <div class="container">-->
        <div class="row first_row">

                <div class="col-md-6 place">
                    <div>
                        <i class='iconfont layui-icon-extend'>&#xe603;</i>
                        <input class="search1" id="destination" type="text" placeholder="目的地?">
                    </div>
                </div>

                <div class="col-md-2 date">
                    <div class="layui-inline">
                        <label class="layui-form-label"></label>
                        <div class="layui-input-inline">
                            <input type="text" style="border: none" class="layui-input" id="test6" placeholder=" 入住 - 退房 ">
                        </div>
                    </div>

<%--                    <script>--%>
<%--                        var nowTime=new Date();--%>
<%--                        layui.use('laydate', function() {--%>
<%--                        var laydate = layui.laydate;--%>
<%--                        laydate.render({--%>
<%--                            elem: '#test6'--%>
<%--                            , range: true--%>
<%--                            ,min:'nowTime'--%>
<%--                        });--%>
<%--                    })--%>
<%--                </script>--%>
                </div>

                <div class="col-md-3 traveler">
                    <label id="xp-guests-toggle">
                        <span class="xp-guests-count">
                            <span data-adults-count>2位成人</span>
                            <span data-visible="accmmodation">

                                &nbsp;·&nbsp;

                                <span data-children-count>无儿童</span>
                            </span>
                            <span data-visible="accmmodation">

                                &nbsp;·&nbsp;

                                <span data-room-count>1间客房</span>
                            </span>
                        </span>
                    </label>
                </div>

                <div class="col-md-1 find">
                    <div class="submit-button">
                        <button class="searchbox-button" id="findAll" type="submit">搜索</button>
                    </div>
                </div>

        </div>
<!--        </div>-->

    </div>
</div>

<div class="index-hot">

            <div class="next-stop">
                <h2>精彩下一站，灵感这里找</h2>
                <div class="next-stop-title">
                    <a class="title-primitive" href="travelnotes/travelnote.jsp">
                        <div class="title-img title-1-img"></div>
                        <div class="title-overlay"></div>
                        <div class="title-content">
                            <h3>每个心愿单上令人大吃一惊的目的地</h3>
                            <p>给你很快就可以探索的所有目的地创建一个旅行心愿单吧。</p>
                        </div>
                    </a>
<%--                    <script type="text/javascript">--%>
<%--                        $(".title-primitive").click(function () {--%>
<%--                            $.ajax({--%>
<%--                                type: "get",--%>
<%--                                url:"jump",--%>
<%--                                success: function (result) {--%>
<%--                                    location.href = "http://localhost:8080/travelnotes/travelnote.jsp";--%>
<%--                                    alert(result)--%>
<%--                                }--%>
<%--                            })--%>
<%--                        })--%>
<%--                    </script>--%>
                    <a class="title-primitive">
                        <div class="title-img title-2-img"></div>
                        <div class="title-overlay"></div>
                        <div class="title-content">
                            <h3>情迷美利坚丨美妙自然风光</h3>
                            <p>如果你不曾到过美国，不曾为其壮丽的大自然感动过，一定要收下这篇旅行者攻略</p>
                        </div>
                    </a>
                    <a class="title-primitive title-1">
                        <div class="title-img title-3-img"></div>
                        <div class="title-overlay"></div>
                        <div class="title-content">
                            <h3>澳大利亚不可错过的自然之美</h3>
                            <p>给在这些旅友们甄选的人气目的地，发现澳大利亚令人惊叹的自然美景</p>
                        </div>
                    </a>
                    <a class="title-primitive title-2">
                        <div class="title-img title-4-img"></div>
                        <div class="title-overlay"></div>
                        <div class="title-content">
                            <h3>咖啡狂人旅行宝典</h3>
                            <p>6大终极目的地，只为那一口馥郁香醇</p>
                        </div>
                    </a>
                    <a class="title-primitive title-2">
                        <div class="title-img title-5-img"></div>
                        <div class="title-overlay"></div>
                        <div class="title-content">
                            <h3>7块蛋糕带你环游世界</h3>
                            <p>以地名命名的美味蛋糕，边走边吃不怕胖</p>
                        </div>
                    </a>
                </div>
            </div>

            <div class="hot-title">
                <span class="title-text">热门酒店</span>
                <span class="title-subtitle">这些热门目的地精彩纷呈</span>
            </div>
            <div class="cata-content">
                <ul>
                    <li>
                        <a href="">
                            <img class="cata-image" src="images/sanya.jpg">
                        </a>
                        <span class="name-desc">三亚</span>
                    </li>
                    <li>
                        <a href="">
                            <img class="cata-image" src="images/shanghai.jpg">
                        </a>
                        <span class="name-desc">上海</span>
                    </li>
                    <li>
                        <a href="">
                            <img class="cata-image" src="images/beijing.jpg">
                        </a>
                        <span class="name-desc">北京</span>
                    </li>
                    <li>
                        <a href="">
                            <img class="cata-image" src="images/chengdu.jpg">
                        </a>
                        <span class="name-desc">成都</span>
                    </li>
                    <li>
                        <a href="">
                            <img class="cata-image" src="images/changsha.jpg">
                        </a>
                        <span class="name-desc">长沙</span>
                    </li>
                </ul>
            </div>


            <div class="hot-title">
                <span class="title-text">客人喜爱的民宿短租</span>
                <span class="title-subtitle">品质好房，低至 6 折</span>
            </div>
            <div class="cata-content">
        <ul>
            <li>
                <a href="">
                    <img class="cata-image" src="images/likehotel1.jpg">
                </a>
                <span class="name-desc">竞技场浪漫公寓</span>
                <p class="bui-card__subtitle">斯普利特</p>
                <p class="bh-carousel--new__price">552元起</p>
            </li>
            <li>
                <a href="">
                    <img class="cata-image" src="images/likehotel2.jpg">
                </a>
                <span class="name-desc">皇帝运河套房471号公寓</span>
                <p class="bui-card__subtitle">里斯本</p>
                <p class="bh-carousel--new__price">783元起</p>
            </li>
            <li>
                <a href="">
                    <img class="cata-image" src="images/likehotel3.jpg">
                </a>
                <span class="name-desc">Luxury 3 Bedrooms</span>
                <p class="bui-card__subtitle">伦敦</p>
                <p class="bh-carousel--new__price">1,479元起</p>
            </li>
            <li>
                <a href="">
                    <img class="cata-image" src="images/likehotel4.jpg">
                </a>
                <span class="name-desc">Sun Spalato Views</span>
                <p class="bui-card__subtitle">尼斯</p>
                <p class="bh-carousel--new__price">958元起</p>
            </li>
            <li>
                <a href="">
                    <img class="cata-image" src="images/likehotel5.jpg">
                </a>
                <span class="name-desc">P&J Luxury Apartments</span>
                <p class="bui-card__subtitle">阿姆斯特丹</p>
                <p class="bh-carousel--new__price">1,754元起</p>
            </li>
        </ul>
    </div>

</div>

<script src="js/index.js"></script>
</body>
</html>